/*

    +----------------------------------------------------------------------------+
    |  0. html                                                                   |
    |            +----------------------------------------------------+          |
    |            | 0. body                                            |          |
    |            |                                                    |          |
    |            |  +----------------------------------------------+  |          |
    |            |  | 0. wrapper                                   |  |          |
    |            |  |                                              |  |          |	 
    |            |  | +------------------------------------------+ |  |          |
    |            |  | |             1. header                    | |  |          |
    |            |  | +------------------------------------------+ |  |          |
    |            |  |                                              |  |          |
    |            |  | +------------------------------------------+ |  |          |
    |            |  | |             2. page                      | |  |          |
    |            |  | |+-----------------------+ +-------------+ | |  |          |
    |            |  | ||         2.1           | |2.2 Rightbar | | |  |          |
    |            |  | ||                       | |(float right)| | |  |          |
    |            |  | ||        content        | |             | | |  |          |
    |            |  | ||       (float left)    | | +---------+ | | |  |          |
    |            |  | ||                       | | |2.2.1    | | | |  |          |
    |            |  | ||                       | | |Sidebar 1| | | |  |          |
    |            |  | ||                       | | +---------+ | | |  |          |
    |            |  | ||                       | |             | | |  |          |
    |            |  | ||                       | | +---------+ | | |  |          |
    |            |  | ||                       | | |2.2.1    | | | |  |          |
    |            |  | ||                       | | |Sidebar 2| | | |  |          |
    |            |  | ||                       | | +---------+ | | |  |          |
    |            |  | ||                       | |             | | |  |          |
    |            |  | |+-----------------------+ +-------------+ | |  |          |
    |            |  | |                                          | |  |          |
    |            |  | |+---------------------------------------+ | |  |          |
    |            |  | ||      2.3 br:clearboth (clearer)       | | |  |          |
    |            |  | |+---------------------------------------+ | |  |          |
    |            |  | +------------------------------------------+ |  |          |
    |            |  |                                              |  |          |
    |            |  | +------------------------------------------+ |  |          |
    |            |  | |3. header-toolbar (repositionn� en haut)  | |  |          |
    |            |  | +------------------------------------------+ |  |          |
    |            |  |                                              |  |          |
    |            |  | +------------------------------------------+ |  |          |
    |            |  | |  4. menu (repositionn� en haut de page)  | |  |          |
    |            |  | +------------------------------------------+ |  |          |
    |            |  |                                              |  |          |
    |            |  | +------------------------------------------+ |  |          |
    |            |  | |   5. footer                              | |  |          |
    |            |  | +------------------------------------------+ |  |          |
    |            |  +----------------------------------------------+  |          |
    |            +----------------------------------------------------+          |
    +----------------------------------------------------------------------------+

 -------------------------------------------------------------------------- 
 0. html et body                                                            
 -------------------------------------------------------------------------- */
html
{
	height:100%;
	position:relative
}

body
{
	background:#E9E9E9 url(none) fixed no-repeat center 145px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	height:100%;
	position:relative;
	text-align:center
}

#wrapper
{
	background:#fff;
	border-left:1px solid #c5c5c5;
	border-right:1px solid #c5c5c5;
	margin:0 auto;
	min-height:100%;
	position:relative;
	text-align:left;
	width:998px
}
/* not implemented yet : 
body.fullwidth
{
	margin:0;
	width:100%
}



body.fluid
{
	margin:auto;
	min-width:600px;
	width:90%
}

body.fluid .content
{
	max-width:700px
}

/* -------------------------------------------------------------------------- 
 1. html>body>HEADER                                                        
 -------------------------------------------------------------------------- */

.header
{
	height:50px;
	margin:0 0 30px;
	padding: 10px 0 10px 30px;
	border-bottom: 1px solid #aaa;
	text-align: center;
}
/*
.header a
{
	float:left;
	height:130px;
	margin-top:18px;
	text-align:center;
	width:19%
}

.header h1
{
	background:url(../../images/img_arrondi-onglet.png) 0 0 no-repeat;
	bottom:0;
	color:#002448;
	font-size:1.3em;
	height:33px;
	letter-spacing:1px;
	margin:0;
	padding-left:151px;
	position:absolute;
	right:0;
	text-align:right;
	text-transform:uppercase;
	width:auto
}

.header h1 span
{
	background:#fff url(../../icons/inbox-table.png) 0 11px no-repeat;
	display:block;
	float:left;
	height:24px;
	padding:9px 30px 0 24px
}
*/
/* -------------------------------------------------------------------------- 
 2. html>body>PAGE                                                          
 -------------------------------------------------------------------------- */
.page
{
	/* background:url(../../images/bgd_bas-page.gif) no-repeat left bottom;
	border-bottom:27px solid #fff
	*/
}

/* -------------------------------------------------------------------------- 
 2.1 html>body>page>CONTENT                                                 
 -------------------------------------------------------------------------- */
.content
{
	/* border-right:1px solid #D3D3D3; */
	color:#424242;
	float:left;
	font-size:0.9em;
	line-height:1.6em;
	padding:0 25px 30px 30px;
	width:634px
}

/* -------------------------------------------------------------------------- 
 2.2 html>body>page>RIGHTBAR                                                 
 -------------------------------------------------------------------------- */
.rightbar
{
	float:right;
	padding:20px 30px 36px 24px;
	width:254px;
	/* border-left:1px solid #D3D3D3; */
	margin:0 0 0 -1em
}

.rightbar form
{
	font-size:0.85em;
	line-height:1.6em;
	margin:0.5em 0
}

/* -------------------------------------------------------------------------- 
 2.2.1 html>body>page>rightbar>SIDEBAR                                                 
 -------------------------------------------------------------------------- */
.sidebar
{
	margin-bottom:20px;
}

.sidebar .pager
{
	font-size:0.9em;
	height:20px;
	margin-bottom:0.5em;
	position:relative
}

.sidebar .pager .next
{
	float:right
}

.sidebar .pager .previous
{
	float:left
}

.sidebar h2
{
	font-size:1.1em;
	letter-spacing:1px;
}

.sidebar p
{
	color:#424242;
	font-size:0.9em;
	margin:1em 0
}

.sidebar ul
{
	margin:10px 0
}

.sidebar ul li
{
	background:url(../../images/img_pucebleue.gif) 1px 10px no-repeat;
	line-height:1em;
	padding:6px 0 5px 12px
}
.sidebar ul.links li
{
	background: none;
	padding-left:0
}
.sidebar ul.links li a
{
	color:#002448;
	font-size:1em;
	text-decoration:none;
	display:block;
}

.sidebar ul li a:hover
{
	color:#eb6400;
	text-decoration:underline
}

.sidebar ul li p
{
	margin:0
}

.sidebar ul li small
{
	display:block;
	line-height:0.8em
}

/* -------------------------------------------------------------------------- 
 2.3 html>body>page>CLEARBOTH                                               
 -------------------------------------------------------------------------- */
br.clearboth,hr.clearboth
{
	background:Red;
	border-top:none;
	clear:both;
	display:block;
	height:1px;
	line-height:1px;
	margin:-5px 0 -1px;
	overflow:hidden;
	vertical-align:middle;
	visibility:hidden
}

/* -------------------------------------------------------------------------- 
 3. html>body>DIV.header-toolbar                                            
 -------------------------------------------------------------------------- */
.header-toolbar
{
	font-size:0.9em;
	height:20px;
	padding:9px 0;
	position:absolute;
	top:185px;
	width:100%;
	z-index:2
}

.header-toolbar .breadcrumbs
{
	float:left;
	padding-left:30px
}

.header-toolbar .breadcrumbs a
{
	font-size:0.95em;
	font-weight:700;
	white-space:nowrap
}

.header-toolbar .site-links
{
	float:right;
	padding:0 30px 30px 0;
	width:254px
}

.header-toolbar .site-links li
{
	background:url(../../images/img_pucebleue.gif) 0 6px no-repeat;
	display:inline;
	padding:0 8px 0 14px
}

.header-toolbar .site-links li a
{
	color:#002448;
	font-weight:700;
	text-decoration:none;
	white-space:nowrap
}

.header-toolbar .site-links li.login,.header-toolbar .site-links li.logout
{
	background:none;
	padding:0 8px 0 0
}

.header-toolbar .site-links li.user
{
	background:none;
	border-bottom:1px dotted #d3d3d3;
	display:block;
	margin:0 0 2px;
	padding:0 0 2px
}

.header-toolbar .site-links li.user a
{
	color:#424242
}

/* -------------------------------------------------------------------------- 
 4. html>body>MENU                                                          
 -------------------------------------------------------------------------- */
#menu
{
    /*
	background:url(../../images/bgd_menu-niveau1.gif) repeat-x;
	border-bottom:1px solid #c5c5c5;
	*/
	height:28px;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:3;
}

#menu ul
{
	padding-left:100px
}

#menu ul li
{
	float:left;
	height:35px;
	margin-bottom:-7px;
	position:relative
}

#menu ul li a
{
	color:#002448;
	display:block;
	float:left;
	font-size:0.9em;
	font-weight:700;
	line-height:28px;
	padding:0 25px;
	position:relative;
	text-decoration:none;
	text-transform:uppercase;
	width:auto;
	z-index:2
}

#menu ul li ul
{
	/* corrextion du changement de typo sous IE 
	background:transparent url(../../images/fff.op95.png) repeat;*/
	background: #fff;
	border:1px solid #c5c5c5;
	border-top:0;
	display:none;
	left:0;
	margin:0 0 0 10px;
	padding:8px 15px;
	position:absolute;
	top:29px;
	width:190px;
}
#menu ul li ul.transition
{
	background:#FDFEFF;
}
#menu ul li ul li
{
	display:block;
	height:auto;
	margin-bottom:0;
	width:190px
}

#menu ul li ul li a
{
	border-bottom:1px dotted #c5c5c5;
	float:none;
	font-size:0.85em;
	font-weight:400;
	height:auto;
	line-height:22px;
	padding:0;
	text-transform:none;
	z-index:1
}

#menu ul li ul li small,#menu ul li ul li a strong
{
	display:block;
	line-height:1em;
	padding:16px 0 6px
}

#menu ul li ul li ul
{
	border:1px solid #c5c5c5;
	left:150px;
	top:-9px;
	z-index:3 !important
}

#menu.nojs ul li ul li:hover
{
	background:transparent;
	z-index:3
}

#menu li.open>ul,
#menu.nojs  ul li:hover>ul
{
	display:block !important
}

#menu ul:hover>li>a
{
	background:none;
	color:#798b9d
}
#menu ul>li.over>a,
#menu.nojs ul>li:hover>a
{
	color:#002448 !important
}
#menu>ul>li.open>a,
#menu.nojs>ul>li:hover>a
{
	background:transparent url(../../images/img_pointe-niveau1.gif) no-repeat center 28px;
	color:#002448;
	height:35px
}
#menu ul>li.open>a {
	color:#eb6400 !important
}

/* -------------------------------------------------------------------------- 
 5. html>body>FOOTER                                                        
 -------------------------------------------------------------------------- */
.footer
{
    /*
	background:url(../../images/bgd_pied-page_bdsp.gif) repeat-x;
	*/
	border-top:1px solid #c5c5c5;
	bottom:0;
	height:26px;
	overflow:hidden;
	position:absolute;
	width:100%
}

.footer ul li
{
	float:left;
	line-height:26px;
	padding:0 16px 0 30px
}

.footer ul li + li
{
	background:url(../../images/img_pucegrise.gif) 0 12px no-repeat;
	padding:0 16px 0 18px
}

.footer ul li a
{
	color:#7F7F7F;
	display:block;
	font-size:0.85em;
	font-weight:700;
	text-decoration:none
}

.footer ul li a:hover
{
	color:#424242
}

.footer ul li.xiti
{
	background:none;
	float:right;
	line-height:17px;
	padding:6px 30px 0 18px
}

/* -------------------------------------------------------------------------- 
 TITRES                                                                     
 -------------------------------------------------------------------------- */
h1
{
	/* color:#002448; */
	font-size:1.65em;
	margin-bottom:0.5em
}

h2,h3,h4,h5,h6
{
	/* color:#002448; */
	margin:1em 0 0.5em
}

h2
{
	font-size:1.4em;
	margin-bottom:1em
}

h3
{
	font-size:1.3em
}

h4
{
	font-size:1.2em
}

h5
{
	font-size:1.1em
}

h6
{
	font-size:1em
}

/* -------------------------------------------------------------------------- 
 Styles de base pour le content                                         
 -------------------------------------------------------------------------- */
*
{
	margin:0;
	padding:0
}

a
{
	/* color:#eb6400 */
}

a strong
{
	color:inherit
}

a:hover
{
	/* color:#eb6400 !important; */
	text-decoration:underline ;
}

a img
{
	border:none;
	vertical-align:middle
}
.content .nobullet li ol,
.content ol
{
	padding:0 0 0 35px;
	list-style: decimal;
}
.content .nobullet li ol li {
	list-style: decimal;
}


.content ul,ul li
{
	list-style-type:none
}
#multilinks-popup ul li,
.content .nobullet li ul li,
.content ul li
{
	background:url(../../images/img_pucebleue.gif) no-repeat 20px 8px;
	display:block;
	margin-bottom:0.5em;
	padding-left:35px
}

.content li
{
	margin-bottom:0.5em
}

.content p
{
	margin-bottom:1em;
	text-align:justify
}

strong
{
	
}

em
{
	font-style:italic
}

pre
{
	background-color:#f5f5f5;
	border:1px solid #ddd;
	font-size:12px;
	margin:0.5em 0;
	padding:0.5em
}
code 
{
	background:#f5f5f5;
	font-size:1.25em;

	padding:0 2px;
}
/* tbd :
dl, dt */
/* -------------------------------------------------------------------------- 
 IMAGES                                                               
 -------------------------------------------------------------------------- */
img
{
	vertical-align:middle
}

.content img.addborder
{
	border:1px solid #d3d3d3;
	padding:0.5em;
	margin: 0.5em;
}

.content img[align="center"], .content img.aligncenter
{
	display:block;
	margin:0 auto
}

.content img, img.alignnone
{
    border: none;
    display: inline;
    float:none;
    margin: 0.5em 0;
}

.content img[align="left"],.content img.alignleft
{
    border: none;
    display: inline;
    float: left;
    margin-right: 1em !important;
}

.content img[align="right"],.content img.alignright
{
    border: none;
    display: inline;
    float:right;
    margin-left: 1em !important;
}

img.avatar
{
    float: right;
    padding: 3px;
    border: 1px solid #d3d3d3;
    margin: 0 0 1em 1em;
    background-color: #fff;
}

img.smallthumbnail
{
    width: 64px;
}

img.thumbnail
{
    width: auto;
}

/* -------------------------------------------------------------------------- 
 Commentaires Wordpress                                                     
 -------------------------------------------------------------------------- */
.blog .content #respond h3,.blog .content h3#comments
{
	border-top:1px dotted #D3D3D3;
	font-size:1.5em;
	padding-top:8px
}

.blog .content #respond input#submit
{
	width:200px
}

.blog .content #respond textarea
{
	width:100%
}

.blog .content a.comment-reply-link
{
	background:url(../../icons/balloon--arrow.png) no-repeat left center;
	font-weight:700;
	height:16px;
	padding-left:20px
}

.blog .content ol.commentlist
{
	color:#eb6400;
	font-size:1.4em;
	font-weight:700;
	padding:0 0 0 20px
}

.blog .content ol.commentlist li
{
	margin:16px 0
}

.blog .content ol.commentlist li div.comment-author img.avatar
{
	background:#fff;
	border:1px solid #D3D3D3;
	float:right;
	padding:5px
}

.blog .content ol.commentlist li div.comment-author
{
	font-size:1.05em;
	font-weight:700
}

.blog .content ol.commentlist li div.comment-body
{
	background:#f7f7f7;
	border:1px solid #D3D3D3;
	color:#424242;
	font-size:0.75em;
	font-weight:400;
	padding:16px
}

.blog .content ol.commentlist li div.comment-meta
{
	font-size:1.05em;
	margin-bottom:1em
}

.blog .content ol.commentlist li ul
{
	border-left:1px solid #D3D3D3;
	list-style:none;
	margin:0 0 0 16px;
	padding:16px 0 0 16px
}

.blog .content ol.commentlist li ul li
{
	list-style:none;
	margin:0 0 16px;
	padding:0
}

/* -------------------------------------------------------------------------- 
 Partie Wordpress du site (metas, blog, centre d'aide...                    
 -------------------------------------------------------------------------- */
.blog .content .meta
{
	border-bottom:1px dotted #d3d3d3
}

.blog .content .meta.after
{
    border-bottom: none;
}

.content .meta
{
	color:#5B7F9F;
	font-size:1.05em
}

.rss-link
{
	background: url(../../icons/feed.png) no-repeat 0 0;
	 padding: 1px 0 1px 20px;
}

.rss-mail-link
{
	background: url(../../icons/mail--arrow.png) no-repeat 0 0;
	 padding: 1px 0 1px 20px;
}
/*
div.meta.before,p.meta.before
{
    border-top: none; 
}

div.meta.after,p.meta.after
{
}

p.excerpt
{
}

*/
/* -------------------------------------------------------------------------- 
 Blog du site                                                               
 -------------------------------------------------------------------------- */

.blog .post
{
	padding: 2em 0;
} 

.blog .category-header p
{
	/*color: #aaa;
	font-size: 12px; */
}

.blog .post-header
{
	
	margin: 0 -0.5em;
	padding: 0.5em;
    border-top: 1px solid #d3d3d3;
}

.blog div.meta, .blog p.meta
{
    background:  url(../../icons/alarm-clock.png) no-repeat 0 0;
    padding-left: 20px;

}
.comments-link
{
	 border-top: 1px dotted #d3d3d3;
	 color:#5B7F9F;
	 padding: 2px 0;
	 font-size:0.95em
}
/* -------------------------------------------------------------------------- 
 Classe g�n�rique "Message d'information"                                   
 -------------------------------------------------------------------------- */
.flash-info /* un p ou une div*/
{
	background-color:#efefef;
	border:1px solid #d3d3d3;
	margin:1em 0;
	padding:1em
}

/* -------------------------------------------------------------------------- 
 Classe g�n�rique "Liste sans puces"                                        
 -------------------------------------------------------------------------- */
ul.nobullet,ol.nobullet
{
	list-style:none !important;
}
.sidebar .nobullet li,
.content .nobullet li,
.content .nobullet li .nobullet li,
.nobullet li
{
	background:none ;
	list-style:none ;
	margin:0
}

.sidebar .nobullet li
{
	padding:6px 0 5px
}

/* -------------------------------------------------------------------------- 
 Classe g�n�rique : "Mise en surbrillance"                                  
 -------------------------------------------------------------------------- */
.highlight
{
	/*-moz-border-radius:3px;
	-webkit-border-radius:2px;*/
	background:#F8F5DB;
	color:inherit;
	font-weight:700;
	padding:0 2px;
	
}
a .highlight
{
	text-decoration :inherit;
	padding:0;
}

/* -------------------------------------------------------------------------- 
 Classe g�n�rique : "popup More infos..."                                 
 -------------------------------------------------------------------------- */
div.moreinfo
{
	/*-khtml-border-radius:0.5em;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;*/
	color:#424242;
	display:none;
	margin:-12px 12px 0 -12px;
	max-width:400px;
	position:absolute;
	text-decoration:none;
	visibility:hidden
}

td:hover div.moreinfo,li:hover div.moreinfo,div.showmoreinfo:hover div.moreinfo
{
	display:block;
	visibility:visible
}
div.moreinfoheader
{
	background:transparent url(../../images/tooltiparrow.gif) 0 0 no-repeat;
	height:14px;
	left:20px;
	position:relative;
	top:2px;
	width:26px;
	z-index:100
}

div.moreinfocontent
{
	/*-khtml-border-radius:0.5em;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;*/
	background-color:#efefef;
	border:2px solid #d3d3d3;
	padding:0.5em;
	position:relative
}
/* -------------------------------------------------------------------------- 
 Classe g�n�rique : "scrollbox"                                            
 -------------------------------------------------------------------------- */
.scrollbox
{
	border:1px solid #d3d3d3;
	background:#fff;
	height:20em;
	overflow:auto;
	/*overflow-y:auto;
	overflow-x:hidden;*/
}
.scrollbox ul.nobullet li 
{
	padding-left: 15px
}


#tooltip
{
	/*-khtml-border-radius:0.5em;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;
	opacity:0.9px;*/
	background-color:#444;
	border:2px solid #777;
	color:#fff;
	font-size:14px;
	padding:5px 10px
}

.spam
{
	background:#ffbfbf;
	border:3px solid #af4c4c;
	color:#af4c4c;
	font-size:18px;
	font-weight:700;
	margin:1em 0;
	padding:0.5em 0;
	text-align:center
}
.halfwidth{
	width:46%
}
/* -------------------------------------------------------------------------- 
 Classes g�n�riques  d'�l�ments flottant                                       
 -------------------------------------------------------------------------- */
.left
{
	float:left;
	margin:0 0.5em 0.5em 0
}

.right
{
	float:right;
	margin:0 0 0.5em 0.5em
}
/* -------------------------------------------------------------------------- 
 Classes g�n�riques de liens avec puces                                    
 -------------------------------------------------------------------------- */
.back,.previous
{
	background:url(../../images/img_pictos2-8bits.png) no-repeat -5px -281px;
	padding-left:11px
}

.first
{
	background:url(../../images/img_pictos2-8bits.png) no-repeat left -321px;
	padding-left:16px
}

.last
{
	background:url(../../images/img_pictos2-8bits.png) no-repeat right -301px;
	padding-right:16px
}

.next
{
	background:url(../../images/img_pictos2-8bits.png) no-repeat right -261px;
	padding-right:16px
}

.print
{
	display:none
}

/* -------------------------------------------------------------------------- 
 Index alpahab�tique                                
 -------------------------------------------------------------------------- */
.content .letter-index
{
	text-align:center;
	color: #fff
}
.content .letter-index a
{
	padding :2px 5px;
	border:1px solid #D3D3D3;
	text-decoration:none;
	font-weight:bold;
}
.content .letter-index a:hover
{
	
	border-color: #eb6400;
	text-decoration:underline;
}


/* -------------------------------------------------------------------------- 
 Blocs de la home page                                
 -------------------------------------------------------------------------- */
.block
{
    float: left;
    margin: 30px 0 0;
    padding: 0 30px 0 0;
}

/* 
NOT USED
.block.small
{
    width: 189px;
}
.block.medium
{
    width: 401px; 
}
*/

.block.large    
{
    width: 614px; 
}

.block.half    
{
    width: 299px; 
}

.block h2
{
    border-bottom:2px solid #002448;
    font-size:1.1em;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-top: 0.2em;
    font-size:1.22em;
}

.block h2 a
{
    color:#002448;
    text-decoration: none;
}

.block ol, .block ul
{
    padding: 0 !important;
    margin: 0 2px;
}

.block ol li
{
    list-style-type: none;
    background:transparent url(../../images/img_pucebleue.gif) no-repeat scroll 0px 8px;
    padding-left: 8px;
}

.content .block p
{
    margin: 0;
    text-align: left;
    margin: 0 2px;
}

.content .block a
{
    color:#002448;
    text-decoration:none;
}

.block p.more
{
    text-align: left;
    padding: 0.3em 0 0.0em;
/*    border-top: 1px dotted #D3D3D3; */
    margin: 1.5em 0 0;
    text-align: right;
}

.block p.more a
{
    color: #EB6400;
    text-decoration: underline;
    background: transparent url(../../icons/arrow-000-small.png) no-repeat scroll 0 0;
    padding-left: 14px;
    
}

.block p.hint
{
    color: #999999;
    font-size: 11px;
    margin: 4px 0;
}

.home
{
    padding: 0 0 30px 30px;
    width: 659px;   
}